.alertDialog-right, .alertDialog-left {
    /* 对话框：一个圆角矩形和一个小三角形 */
    width: 150px;
    height: 100px;
    background: #ebf6f7;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/**
箭头朝向为左边
 */
.alertDialog-left:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -20px;
    top: 40px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #ebf6f7;
}

/**
箭头朝向为右边
 */
.alertDialog-right:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 150px;
    top: 40px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #ebf6f7;
}


/**
对话框左父级
 */
.Dialog-parent-left {

    display: flex;
    justify-content: left;
    margin: 20px 0px;

}

/**
对话框右父级
 */
.Dialog-parent-right {

    display: flex;
    justify-content: right;
    margin: 20px 0px;
}


/*人物头像*/
.Dialog-head {

    margin: 40px 20px;
}
